<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Gallery</title>
		<meta charset="utf-8">
		<link rel="icon" href="images/favicon.ico">
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/touchTouch.css">
		<script>
			$(window).load(function() {
				$().UItoTop({
					easingType: 'easeOutQuart'
				});
			});
			$(function() {

				// Initialize the gallery
				$('.gallery a.gal').touchTouch();
			});
		</script>
	</head>
	<body class="">
		<!--==============================header=================================-->
		<header>
			<div class="container_12">
				<div class="grid_12">
					<h1><a href="index.html"><img src="images/logo.png" alt="Gerald Harris attorney at law"></a> </h1>


					<div class="clear"></div>
				</div>
				<div class="menu_block">
					<nav class="">
						<ul class="sf-menu">
							<li class="current"><a href="index.html">首页</a></li>
							<li class="with_ul"><a href="about.html">关于</a>
								<ul>
									<li><a href="#">新闻</a></li>
									<li><a href="#">推荐</a></li>
								</ul>
							</li>
							<li><a href="picture.html">图片</a></li>
							<li><a href="delicacies.html">美食</a></li>
							<li><a href="scenic.html">景区</a></li>
							<li><a href="login.html">登录</a></li>
						</ul>
					</nav>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
		</header>

		<div class="main">
			<!--=======content================================-->

			<div class="content">
				<div class="container_12">
					<div class="grid_12">
						<h3>图片预览</h3>
					</div>
					<div class="clear"></div>
					<div class="gallery">
						<div class="grid_4">
							<a href="images/big1.jpg" class="gal img_inner"><img src="images/tp1.png" alt=""></a>
						</div>
						<div class="grid_4">
							<a href="images/big2.jpg" class="gal img_inner"><img src="images/tp2.png" alt=""></a>
						</div>
						<div class="grid_4">
							<a href="images/big3.jpg" class="gal img_inner"><img src="images/tp3.png" alt=""></a>
						</div>
						<div class="clear"></div>
						<div class="grid_4">
							<a href="images/big4.jpg" class="gal img_inner"><img src="images/tp4.png" alt=""></a>
						</div>
						<div class="grid_4">
							<a href="images/big5.jpg" class="gal img_inner"><img src="images/tp5.png" alt=""></a>
						</div>
						<div class="grid_4">
							<a href="images/big6.jpg" class="gal img_inner"><img src="images/tp6.png" alt=""></a>
						</div>
						<div class="clear"></div>
						<div class="grid_4">
							<a href="images/big7.jpg" class="gal img_inner"><img src="images/tp7.png" alt=""></a>
						</div>
						<div class="grid_4">
							<a href="images/big8.jpg" class="gal img_inner"><img src="images/tp8.png" alt=""></a>
						</div>
						<div class="grid_4">
							<a href="images/big9.jpg" class="gal img_inner"><img src="images/tp9.png" alt=""></a>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>

			<!--=======bottom================================-->
			<div class="bottom_block">
				<div class="container_12">
					<div class="grid_2">
						<h4>联系我:</h4>
						TEL: 1-800-234-5678<br><a href="#">info@demolink.org</a>

					</div>
					<div class="grid_2">
						<h4>地址:</h4>
						昆明<br><a href="#">昆明</a>

					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--==============================footer=================================-->

		</div>
		<footer>
			<div class="container_12">
				<div class="grid_12">

					<div class="copy">
						&copy; Copyright &copy; 20122.Company name All李念齐所有.
						<div class="clear"></div>
					</div>

		</footer>

		<div style="display:none">
			<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script>
		</div>
	</body>
</html>
